<!-- Main Content -->
	<section role="main" class="page-wrapper">
		<!-- Dashboard -->
		<section id="dashboard">
			<h1>Hello! What would you like to do?</h1>
			
			<!-- Breadcumbs -->
			<?php include_component('slot', 'breadcrumb') ?>
			<!-- /Breadcumbs -->
			
			<!-- Nav Shortcuts -->
			<?php include_component('slot', 'shortcuts') ?>
			<!-- /Nav Shortcuts -->
			
		</section>
		<!-- /Dashboard -->
		
		<!-- Full width content box with minimizer -->
		<article class="content-box minimizer">
			<header>
			
				<h2>Tachyon Administration Template</h2>
				
				<!-- Content Box Tab Navigation -->
				<nav>
					<ul class="tab-switch">
						<li><a href="#tab1" class="default-tab tooltip" title="Switch to next tab">Graph</a></li>
						<li><a href="#tab2" class="tooltip" title="Form styles">Form</a></li>
						<li><a href="#tab3" class="tooltip" title="Sample tables">Table</a></li>
					</ul>
				</nav>
				<!-- /Content Box Tab Navigation -->
				
			</header>
			<section>
			
				<!-- Tab Content #tab1 -->
				<div class="tab default-tab" id="tab1">
					<h3>Employee Sales by Department</h3>
					
					<!-- Sample Data table for jQuery Visualize plugin. Use attribute chart-type for different visualization -->
					<table class="data" data-chart="line">
						<thead>
							<tr>
								<td></td>
								<th scope="col">food</th>
								<th scope="col">auto</th>
								<th scope="col">household</th>
								<th scope="col">furniture</th>
								<th scope="col">kitchen</th>
								<th scope="col">bath</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th scope="row">Mary</th>
								<td>190</td>
								<td>160</td>
								<td>40</td>
								<td>120</td>
								<td>30</td>
								<td>70</td>
							</tr>
							<tr>
								<th scope="row">Tom</th>
								<td>3</td>
								<td>40</td>
								<td>30</td>
								<td>45</td>
								<td>35</td>
								<td>49</td>
							</tr>
							<tr>
								<th scope="row">Brad</th>
								<td>10</td>
								<td>180</td>
								<td>10</td>
								<td>85</td>
								<td>25</td>
								<td>79</td>
							</tr>
							<tr>
								<th scope="row">Kate</th>
								<td>40</td>
								<td>80</td>
								<td>90</td>
								<td>25</td>
								<td>15</td>
								<td>119</td>
							</tr>
						</tbody>
					</table>
					<!-- /Sample Data -->
					
				</div>
				<!-- /Tab Content #tab1 -->
				
				<!-- Tab Content #tab2 -->
				<div class="tab" id="tab2">
					<h3>Horizontal Form</h3>
					
					<!-- Horizontal form (default) -->
					<form class="horizontal-form">
						<!-- Inputs -->
						<!-- Use class .small, .medium or .large for predefined size -->
						<fieldset>
							<legend>Legend</legend>
							<dl>
								<dt>
									<label>Short Input</label>
								</dt>
								<dd>
									<input type="text" class="small" name="" value="">
									<p>Short description of event</p>
								</dd>
								<dt>
									<!-- You can add mandatory highlight automatically by class .mandatory or... -->
									<label class="mandatory">Medium Input</label>
								</dt>
								<dd>
									<input type="text" class="medium" name="" value="">
								</dd>
								<dt>
									<!-- ...manually by adding <span>*</span> into label -->
									<label>Focused Input <span>*</span></label>
								</dt>
								<dd>
									<!-- Class .focused is only required for demo -->
									<input type="text" class="medium focused" name="" value="">
								</dd>
								<dt>
									<label>Valid Input</label>
								</dt>
								<dd>
									<input type="text" class="medium valid" name="" value="">
									<span class="valid-side-note">Valid text</span>
								</dd>
								<dt>
									<label>Invalid Input</label>
								</dt>
								<dd>
									<input type="text" class="medium invalid" name="" value="">
									<span class="invalid-side-note">Invalid text</span>
								</dd>
								<dt>
									<label>Disabled Input</label>
								</dt>
								<dd>
									<input type="text" class="medium" disabled name="" value="This input was disabled">
								</dd>
								<dt>
									<label>Ghost Input</label>
								</dt>
								<dd>
									<input class="ghost medium" type="text" name="" value="This is ghost input acting like pure text">
								</dd>
								<dt>
									<label>Large input</label>
								</dt>
								<dd>
									<input type="text" class="large" name="" value="">
									<p>Short description of event</p>
								</dd>
								<dt>
									<label>Text only</label>
								</dt>
								<dd class="text">
									<p>Sometimes you need pure text in forms. Use class .text for &lt;dd&gt; to correct text alignment.</p>
								</dd>
								<dt>
									<label>File input</label>
								</dt>
								<dd>
									<input type="file" class="fileupload" name="">
									<p>Max size 5Mb</p>
								</dd>
								<dt>
									<label>Date input</label>
								</dt>
								<dd>
									<input type="text" class="datepicker" name="" value="">
								</dd>
								<dt>
									<label>Textarea</label>
								</dt>
								<dd>
									<!-- Use class .wysiwyg for jQuery jWYSIWYG initiation -->
									<textarea rows="5" cols="40" class="wysiwyg large" name=""></textarea>
									<p>Short description of event</p>
								</dd>
							</dl>
						</fieldset>
						<fieldset class="no-borders">
							<legend>Fieldset with .no-borders class</legend>
							<dl>
								<dt class="checkbox"><label>Checkbox A</label></dt>
								<dd><input type="checkbox" name=""></dd>
								<dt class="checkbox"><label>Checkbox B</label></dt>
								<dd><input type="checkbox" name=""></dd>
								<dt class="checkbox"><label>Checkbox C</label></dt>
								<dd><input type="checkbox" name=""></dd>
							</dl>
						</fieldset>
						<fieldset>
							<legend>Choose one of these</legend>
							<dl>
								<dt class="radio"><label>Option 1</label></dt>
								<dd><input type="radio" name="test"></dd>
								<dt class="radio"><label>Option 2</label></dt>
								<dd><input type="radio" name="test"></dd>
								<dt class="radio"><label>Option 3</label></dt>
								<dd><input type="radio" name="test"></dd>
							</dl>
						</fieldset>
						<fieldset>
							<legend>Choose one of these</legend>
							<dl>
								<dt><label>Select</label></dt>
								<dd>
									<select name="actions">
										<option selected>Choose an action</option>
										<option value="e">Edit</option>
										<option value="r">Remove</option>
										<option value="x">Export</option>
									</select>
								</dd>
							</dl>
						</fieldset>
						<button type="submit">Submit</button> or <a href="#">Cancel</a>
					</form>
					<!-- /Horizontal form -->
					
					<!-- Vertical form -->
					<h3>Vertical Form</h3>
					<form class="vertical-form">
						<!-- Inputs -->
						<!-- Use class .small, .medium or .large for predefined size -->
						<fieldset>
							<legend>Legend</legend>
							<dl>
								<dt class="clear-tm">
									<label>Short Input</label>
								</dt>
								<dd>
									<input type="text" class="small" name="" value="">
									<p>Short description of event</p>
								</dd>
								<dt>
									<label>Medium Input</label>
								</dt>
								<dd>
									<input type="text" class="medium" name="" value="">
								</dd>
								<dt>
									<label>Large input</label>
								</dt>
								<dd>
									<input type="text" class="large" name="" value="">
								</dd>
								<dt>
									<label>Text only</label>
								</dt>
								<dd class="text">
									<p>Sometimes you need pure text in forms. Use class .text for &lt;dd&gt; to correct text alignment.</p>
								</dd>
							</dl>
						</fieldset>
						<fieldset>
							<legend>Check-in some of these</legend>
							<dl>
								<dt class="checkbox"><label>Checkbox A</label></dt>
								<dd class="checkbox"><input type="checkbox"></dd>
								<dt class="checkbox"><label>Checkbox B</label></dt>
								<dd class="checkbox"><input type="checkbox"></dd>
								<dt class="checkbox"><label>Checkbox C</label></dt>
								<dd class="checkbox"><input type="checkbox"></dd>
							</dl>
						</fieldset>
						<fieldset>
							<legend>Choose one of these</legend>
							<dl>
								<dt class="radio"><label>Option 1</label></dt>
								<dd class="radio"><input type="radio" name="test"></dd>
								<dt class="radio"><label>Option 2</label></dt>
								<dd class="radio"><input type="radio" name="test"></dd>
								<dt class="radio"><label>Option 3</label></dt>
								<dd class="radio"><input type="radio" name="test"></dd>
							</dl>
						</fieldset>
						<fieldset>
							<legend>Choose one of these</legend>
							<dl>
								<dt class="clear-tm"><label>Select</label></dt>
								<dd>
									<select name="actions">
										<option selected>Choose an action</option>
										<option value="e">Edit</option>
										<option value="r">Remove</option>
										<option value="x">Export</option>
									</select>
								</dd>
							</dl>
						</fieldset>
						<button type="submit">View</button> <button type="submit" class="gray">Submit</button> or <a href="#">Cancel</a>
					</form>
					<!-- /Vertical form -->
					
				</div>
				<!-- /Tab Content #tab2 -->
				
				<!-- Tab Content #tab3 -->
				<div class="tab" id="tab3">
					<h3>Table with jQuery.dataTables</h3>
					
					<!-- Sample jQuery DataTable  -->
					<table class="datatable">
						<thead>
							<tr>
								<th>Rendering engine</th>
								<th>Browser</th>
								<th>Platform(s)</th>
								<th>Engine version</th>
								<th>CSS grade</th>
							</tr>
						</thead>
						<tbody>
							<tr class="gradeX">
								<td>Trident</td>
								<td>Internet Explorer 4.0</td>
								<td>Win 95+</td>
								<td> 4</td>
								<td>X</td>
							</tr>
							<tr class="gradeC">
								<td>Trident</td>
								<td>Internet  Explorer 5.0</td>
								<td>Win 95+</td>
								<td>5</td>
								<td>C</td>
							</tr>
							<tr class="gradeA">
								<td>Trident</td>
								<td>Internet Explorer 5.5</td>
								<td>Win 95+</td>
								<td>5.5</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Trident</td>
								<td>Internet Explorer 6</td>
								<td>Win 98+</td>
								<td>6</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Trident</td>
								<td>Internet Explorer 7</td>
								<td>Win XP SP2+</td>
								<td>7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Trident</td>
								<td>AOL browser (AOL desktop)</td>
								<td>Win XP</td>
								<td>6</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Firefox 1.0</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Firefox 1.5</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Firefox 2.0</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Firefox 3.0</td>
								<td>Win 2k+ / OSX.3+</td>
								<td>1.9</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Camino 1.0</td>
								<td>OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Camino 1.5</td>
								<td>OSX.3+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Netscape 7.2</td>
								<td>Win 95+ / Mac OS 8.6-9.2</td>
								<td>1.7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Netscape Browser 8</td>
								<td>Win 98SE+</td>
								<td>1.7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Netscape Navigator 9</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.0</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.1</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.1</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.2</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.2</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.3</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.3</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.4</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.4</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.5</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.5</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.6</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.6</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.7</td>
								<td>Win 98+ / OSX.1+</td>
								<td>1.7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Mozilla 1.8</td>
								<td>Win 98+ / OSX.1+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Seamonkey 1.1</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Gecko</td>
								<td>Epiphany 2.20</td>
								<td>Gnome</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Webkit</td>
								<td>Safari 1.2</td>
								<td>OSX.3</td>
								<td>125.5</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Webkit</td>
								<td>Safari 1.3</td>
								<td>OSX.3</td>
								<td>312.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Webkit</td>
								<td>Safari 2.0</td>
								<td>OSX.4+</td>
								<td>419.3</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Webkit</td>
								<td>Safari 3.0</td>
								<td>OSX.4+</td>
								<td>522.1</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Webkit</td>
								<td>OmniWeb 5.5</td>
								<td>OSX.4+</td>
								<td>420</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Webkit</td>
								<td>iPod Touch / iPhone</td>
								<td>iPod</td>
								<td>420.1</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Webkit</td>
								<td>S60</td>
								<td>S60</td>
								<td>413</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Opera 7.0</td>
								<td>Win 95+ / OSX.1+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Opera 7.5</td>
								<td>Win 95+ / OSX.2+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Opera 8.0</td>
								<td>Win 95+ / OSX.2+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Opera 8.5</td>
								<td>Win 95+ / OSX.2+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Opera 9.0</td>
								<td>Win 95+ / OSX.3+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Opera 9.2</td>
								<td>Win 88+ / OSX.3+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Opera 9.5</td>
								<td>Win 88+ / OSX.3+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Opera for Wii</td>
								<td>Wii</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Nokia N800</td>
								<td>N800</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>Presto</td>
								<td>Nintendo DS browser</td>
								<td>Nintendo DS</td>
								<td>8.5</td>
								<td>C/A<sup>1</sup></td>
							</tr>
							<tr class="gradeC">
								<td>KHTML</td>
								<td>Konqureror 3.1</td>
								<td>KDE 3.1</td>
								<td>3.1</td>
								<td>C</td>
							</tr>
							<tr class="gradeA">
								<td>KHTML</td>
								<td>Konqureror 3.3</td>
								<td>KDE 3.3</td>
								<td>3.3</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td>KHTML</td>
								<td>Konqureror 3.5</td>
								<td>KDE 3.5</td>
								<td>3.5</td>
								<td>A</td>
							</tr>
							<tr class="gradeX">
								<td>Tasman</td>
								<td>Internet Explorer 4.5</td>
								<td>Mac OS 8-9</td>
								<td>-</td>
								<td>X</td>
							</tr>
							<tr class="gradeC">
								<td>Tasman</td>
								<td>Internet Explorer 5.1</td>
								<td>Mac OS 7.6-9</td>
								<td>1</td>
								<td>C</td>
							</tr>
							<tr class="gradeC">
								<td>Tasman</td>
								<td>Internet Explorer 5.2</td>
								<td>Mac OS 8-X</td>
								<td>1</td>
								<td>C</td>
							</tr>
							<tr class="gradeA">
								<td>Misc</td>
								<td>NetFront 3.1</td>
								<td>Embedded devices</td>
								<td>-</td>
								<td>C</td>
							</tr>
							<tr class="gradeA">
								<td>Misc</td>
								<td>NetFront 3.4</td>
								<td>Embedded devices</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeX">
								<td>Misc</td>
								<td>Dillo 0.8</td>
								<td>Embedded devices</td>
								<td>-</td>
								<td>X</td>
							</tr>
							<tr class="gradeX">
								<td>Misc</td>
								<td>Links</td>
								<td>Text only</td>
								<td>-</td>
								<td>X</td>
							</tr>
							<tr class="gradeX">
								<td>Misc</td>
								<td>Lynx</td>
								<td>Text only</td>
								<td>-</td>
								<td>X</td>
							</tr>
							<tr class="gradeC">
								<td>Misc</td>
								<td>IE Mobile</td>
								<td>Windows Mobile 6</td>
								<td>-</td>
								<td>C</td>
							</tr>
							<tr class="gradeC">
								<td>Misc</td>
								<td>PSP browser</td>
								<td>PSP</td>
								<td>-</td>
								<td>C</td>
							</tr>
							<tr class="gradeU">
								<td>Other browsers</td>
								<td>All others</td>
								<td>-</td>
								<td>-</td>
								<td>U</td>
							</tr>
						</tbody>
						<tfoot>
							<tr>
								<th>Rendering engine</th>
								<th>Browser</th>
								<th>Platform(s)</th>
								<th>Engine version</th>
								<th>CSS grade</th>
							</tr>
						</tfoot>
					</table>
					<!-- /Sample jQuery DataTable  -->
					
					<h3 class="clearfix">Regular Table</h3>
					
					<!-- Basic Table  -->
					<form class="table-form">
						<table>
							<thead>
								<tr>
									<th><input type="checkbox" class="check-all"></th>
									<th>&nbsp;</th>
									<th>Rendering engine</th>
									<th>Browser</th>
									<th>Platform(s)</th>
									<th>Version</th>
									<th>Tags</th>
									<th>Actions</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Trident</td>
									<td>Internet Explorer 4.0</td>
									<td>Win 95+</td>
									<td>4</td>
									<td><span class="tag red">High</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Trident</td>
									<td>Internet  Explorer 5.0</td>
									<td>Win 95+</td>
									<td>5</td>
									<td><span class="tag orange">Medium</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Trident</td>
									<td>Internet Explorer 5.5</td>
									<td>Win 95+</td>
									<td>5.5</td>
									<td><span class="tag green">Low</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Trident</td>
									<td>Internet Explorer 6</td>
									<td>Win 98+</td>
									<td>6</td>
									<td><span class="tag gray">Closed</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Trident</td>
									<td>Internet Explorer 7</td>
									<td>Win XP SP2+</td>
									<td>7</td>
									<td><span class="tag blue">#337</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Trident</td>
									<td>AOL browser (AOL desktop)</td>
									<td>Win XP</td>
									<td>6</td>
									<td><span class="tag gray">Closed</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Gecko</td>
									<td>Firefox 1.0</td>
									<td>Win 98+ / OSX.2+</td>
									<td>1.7</td>
									<td><span class="tag gray">Closed</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Gecko</td>
									<td>Firefox 1.5</td>
									<td>Win 98+ / OSX.2+</td>
									<td>1.8</td>
									<td><span class="tag gray">Closed</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Gecko</td>
									<td>Firefox 2.0</td>
									<td>Win 98+ / OSX.2+</td>
									<td>1.8</td>
									<td><span class="tag black">Foo</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Gecko</td>
									<td>Firefox 3.0</td>
									<td>Win 2k+ / OSX.3+</td>
									<td>1.9</td>
									<td><span class="tag gray">Closed</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Gecko</td>
									<td>Camino 1.0</td>
									<td>OSX.2+</td>
									<td>1.8</td>
									<td><span class="tag gray">Closed</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>
										<!-- Table actions -->
										<a class="toggle-table-switch tooltip" href="#" title="Show options">Options</a>
										<ul class="table-switch">
											<li><a href="#">view</a></li>
											<li><a href="#">edit</a></li>
											<li><a href="#">delete</a></li>
										</ul>
										<!-- /Table actions -->
									</td>
									<td>Gecko</td>
									<td>Camino 1.5</td>
									<td>OSX.3+</td>
									<td>1.8</td>
									<td><span class="tag gray">Closed</span></td>
									<td>
										<ul class="actions">
											<li><a class="view tooltip" href="#" title="View Item">view</a></li>
											<li><a class="edit tooltip" href="#" title="Edit Item">edit</a></li>
											<li><a class="delete tooltip" href="#" title="Delete Item">delete</a></li>
										</ul>
									</td>
								</tr>
							</tbody>
							<tfoot>
								<tr>
									<td colspan="8">
										<!-- Pagination -->
										<ul class="pagination">
											<li><a class="button gray" href="#">&laquo; first</a></li>
											<li><a class="button gray" href="#">&lt; next</a></li>
											<li class="hellip">&hellip;</li>
											<li><a class="button gray" href="#">5</a></li>
											<li><a class="button gray" href="#">6</a></li>
											<li><a class="button" href="#">7</a></li>
											<li><a class="button gray" href="#">8</a></li>
											<li><a class="button gray" href="#">9</a></li>
											<li class="hellip">&hellip;</li>
											<li><a class="button gray" href="#">prev &gt;</a></li>
											<li><a class="button gray" href="#">last &raquo;</a></li>
										</ul>
										<!-- /Pagination -->
									</td>
								</tr>
							</tfoot>
						</table>
					</form>
					<!-- /Basic Table  -->
					
				</div>
				<!-- /Tab Content #tab3 -->

			</section>
			<footer>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum aliquet nisi ac risus tincidunt gravida. Cras imperdiet mattis nisl et suscipit.</footer>
		</article>
		<!-- /Full width content box with minimizer -->
		
		<div class="clearfix"></div> <!-- We're really sorry for this, but because of IE7 we still need separated div with clearfix -->
		
		<!-- Half width content box -->
		<article class="content-box col-2">
			<header>
				<h2>Headline H2</h2>
				
				<!-- Content Box Actions -->
				<nav>
					<ul class="button-switch">
						<li><a href="#" class="button">View</a></li>
						<li><a href="#" class="button">Edit</a></li>
						<li><a href="#" class="button gray">Delete</a></li>
					</ul>
				</nav>
				<!-- /Content Box Actions -->
				
			</header>
			<section>
			
				<!-- Class .bb instantly adds 1px bottom border -->
				<h3 class="bb">Headline H3</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et dignissim metus. Maecenas id augue ac metus tempus aliquam. Sed pharetra placerat est suscipit sagittis. Phasellus aliquam malesuada blandit. Donec adipiscing sem erat. Nunc at dui id purus lacinia tincidunt sit amet vel erat.</p>
					
				<!-- Image Minimenu Actions -->
				<div class="image-frame right">
					<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
					<ul class="image-actions">
						<li class="image-actions-header">Options</li>
						<li><a href="#">View</a></li>
						<li><a href="#">Edit</a></li>
						<li><a href="#">Delete</a></li>
					</ul>
				</div>
				<!-- /Image Minimenu Actions -->
				
				<ol>
					<li>Lorem ipsum dolor sit amet</li>
					<li><strong>Consectetur adipiscing elit</strong></li>
					<li><em>Suspendisse et dignissim metus</em></li>
					<li>Maecenas id <a href="#">augue ac metus</a> tempus</li>
					<li>Nunc at dui id purus lacinia
						<ol>
							<li>Lorem ipsum dolor sit amet</li>
							<li>Consectetur adipiscing elit</li>
							<li>Suspendisse et dignissim metus</li>
							<li>Phasellus aliquam
								<ol>
									<li>Lorem ipsum dolor sit amet</li>
									<li>Consectetur adipiscing elit</li>
								</ol>
							</li>
						</ol>
					</li>
					<li>Sed pharetra placerat est suscipit</li>
				</ol>
				<h4>Headline H4</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et dignissim metus. Maecenas id augue ac metus tempus aliquam. Sed pharetra placerat est suscipit sagittis. Phasellus aliquam malesuada blandit. Donec adipiscing sem erat. Nunc at dui id purus lacinia tincidunt sit amet vel erat.</p>
				<h5>Headline H5</h5>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <code>Yes, the &lt;code&gt; tag is styled too!</code> Suspendisse et dignissim metus. Maecenas id augue ac metus tempus aliquam. Sed pharetra placerat est suscipit sagittis. Phasellus aliquam malesuada blandit. Donec adipiscing sem erat. Nunc at dui id purus lacinia tincidunt sit amet vel erat.</p>
				
			</section>
		</article>
		<!-- /Half width content box -->
		
		<!-- Half width content box with margin clearing class -->
		<article class="content-box col-2 clear-rm">
			<header>
				<h2>Stats and Progress Bars</h2>
				
				<!-- Content Box Options -->
				<nav>
					<a href="#" class="toggle-options-switch button gray"><img src="/images/icons/icon_options.png" alt="Options"></a>
					<ul class="options-switch">
						<li><a href="#">View</a></li>
						<li><a href="#">Edit</a></li>
						<li><a href="#">Delete</a></li>
					</ul>
				</nav>
				<!-- /Content Box Options -->
				
			</header>
			<section>
			
				<!-- Stats Summary -->
				<ul class="stats-summary">
					<li>
						<strong class="stats-count">17</strong>
						<p>New registrations</p>
						<a href="#" class="button stats-view tooltip" title="View new registrations">View</a>
					</li>
					<li>
						<strong class="stats-count">89</strong>
						<p>New visitors</p>
						<a href="#" class="button stats-view tooltip" title="View new visitros">View</a>
					</li>
					<li>
						<strong class="stats-count">346</strong>
						<p>New sales</p>
						<a href="#" class="button stats-view tooltip" title="View new sales">View</a>
					</li>
					<li>
						<strong class="stats-count">266</strong>
						<p>New orders</p>
						<a href="#" class="button stats-view tooltip" title="View new orders">View</a>
					</li>
					<li>
						<strong class="stats-count">1024</strong>
						<p>New requests</p>
						<a href="#" class="button stats-view tooltip" title="View new requests">View</a>
					</li>
				</ul>
				<!-- /Stats Summary -->
				
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et dignissim metus. Maecenas id augue ac metus tempus aliquam.</p>
				
				<!-- Progress Bar -->
				<div class="progress-bar green small">
					<div style="width:49%;">
						<span>49<sup>%</sup></span>
					</div>
				</div>
				<!-- /Progress Bar -->
				
				<!-- Progress Bar -->
				<div class="progress-bar red medium">
					<div style="width:67%;">
						<span>67<sup>%</sup></span>
					</div>
				</div>
				<!-- /Progress Bar -->
				
				<!-- Progress Bar -->
				<div class="progress-bar blue large">
					<div style="width:80%;">
						<span>80<sup>%</sup></span>
					</div>
				</div>
				<!-- /Progress Bar -->
				
				<!-- Progress Bar -->
				<div class="progress-bar black huge">
					<div style="width:80%;">
						<span>80<sup>%</sup></span>
					</div>
				</div>
				<!-- /Progress Bar -->
				
			</section>
		</article>
		<!-- /Half width content box with margin clearing class -->
		
		<div class="clearfix"></div> <!-- We're really sorry for this, but because of IE7 we still need separated div with clearfix -->
		
		<!-- Full width content box -->
		<article class="content-box">
			<header>
				<h2>Notifications, Image Gallery and more!</h2>
				
				<!-- Content Box Search -->
				<nav>
					<form class="content-box-header-search" action="http://envato.parallaq.com/">
						<input type="text" name="" class="content-box-header-search-input">
						<button class="content-box-header-search-btn">Search</button>
					</form>
				</nav>
				<!-- /Content Box Search -->
				
			</header>
			<section>
				
				<!-- Side Tab Container -->
				<div class="sidetabs">
				
					<!-- Side Tab Navigation -->
					<nav class="sidetab-switch">
						<ul>
							<li><a class="default-sidetab" href="#sidetab1">Notifications</a></li>
							<li><a href="#sidetab2">Image Gallery</a></li>
							<li><a href="#sidetab3">Tickets</a></li>
						</ul>
						<p>Aenean facilisis ligula eget orci adipiscing varius. Curabitur sem ligula, egestas vel bibendum sed, sodales eu nulla. Vestibulum luctus aliquam feugiat. Donec porta interdum placerat.</p>
					</nav>
					<!-- /Side Tab Navigation -->
					
					<!-- Side Tab Content #sidetab1 -->
					<div class="sidetab default-sidetab" id="sidetab1">
					
						<h3>Notifications</h3>
						
						<!-- Notification -->
						<div class="notification error">
							<a href="#" class="close-notification tooltip" title="Hide Notification">x</a>
							<h4>Error notification</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.</p>
							<a href="#" class="show-notification-details">&#9658; Show Details</a>
							<ul class="notification-details">
								<li>Lorem ipsum dolor sit amet</li>
								<li>Suspendisse et dignissim metus</li>
								<li>Maecenas id augue ac metus tempus</li>
								<li>Sed pharetra placerat est suscipit</li>
								<li>Phasellus aliquam males</li>
								<li>Nunc at dui id purus lacinia tincidunt</li>
							</ul>
						</div>
						<!-- /Notification -->
						
						<!-- Notification -->
						<div class="notification success">
							<a href="#" class="close-notification tooltip" title="Hide Notification">x</a>
							<h4>Success notification</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.</p>
							<a href="#" class="show-notification-details">&#9658; Show Details</a>
							<ul class="notification-details">
								<li>Lorem ipsum dolor sit amet</li>
								<li>Suspendisse et dignissim metus</li>
								<li>Maecenas id augue ac metus tempus</li>
								<li>Sed pharetra placerat est suscipit</li>
								<li>Phasellus aliquam males</li>
								<li>Nunc at dui id purus lacinia tincidunt</li>
							</ul>
						</div>
						<!-- /Notification -->
						
						<!-- Notification -->
						<div class="notification information">
							<a href="#" class="close-notification tooltip" title="Hide Notification">x</a>
							<h4>Information notification</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.</p>
							<a href="#" class="show-notification-details">&#9658; Show Details</a>
							<ul class="notification-details">
								<li>Lorem ipsum dolor sit amet</li>
								<li>Suspendisse et dignissim metus</li>
								<li>Maecenas id augue ac metus tempus</li>
								<li>Sed pharetra placerat est suscipit</li>
								<li>Phasellus aliquam males</li>
								<li>Nunc at dui id purus lacinia tincidunt</li>
							</ul>
						</div>
						<!-- /Notification -->
						
						<!-- Notification -->
						<div class="notification attention">
							<a href="#" class="close-notification tooltip" title="Hide Notification">x</a>
							<h4>Attention notification</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero. Suspendisse et dignissim metus. Maecenas id augue ac metus tempus aliquam.</p>
						</div>
						<!-- /Notification -->
						
						<!-- Notification -->
						<div class="notification note">
							<a href="#" class="close-notification tooltip" title="Hide Notification">x</a>
							<h4>Note</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero. Suspendisse et dignissim metus. Maecenas id augue ac metus tempus aliquam. Sed pharetra placerat est suscipit sagittis.</p>
						</div>
						<!-- /Notification -->
						
					</div>
					<!-- /Side Tab Content #sidetab1 -->
					
					<!-- Side Tab Content #sidetab2 -->
					<div class="sidetab" id="sidetab2">
						<h3>Image Gallery</h3>
						
						<!-- Inline Image Gallery -->
						<ul class="image-gallery">
							<li class="image-frame">
								<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
								<ul class="image-actions">
									<li class="image-actions-header">Options</li>
									<li><a href="#">View</a></li>
									<li><a href="#">Edit</a></li>
									<li><a href="#">Delete</a></li>
								</ul>
							</li>
							<li class="image-frame">
								<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
								<ul class="image-actions">
									<li class="image-actions-header">Options</li>
									<li><a href="#">View</a></li>
									<li><a href="#">Edit</a></li>
									<li><a href="#">Delete</a></li>
								</ul>
							</li>
							<li class="image-frame">
								<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
								<ul class="image-actions">
									<li><a href="#">View</a></li>
									<li><a href="#">Edit</a></li>
									<li><a href="#">Delete</a></li>
								</ul>
							</li>
							<li class="image-frame">
								<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
								<ul class="image-actions">
									<li><a href="#">View</a></li>
									<li><a href="#">Edit</a></li>
									<li><a href="#">Delete</a></li>
								</ul>
							</li>
							<li class="image-frame">
								<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
								<ul class="image-actions">
									<li class="view"><a href="#">View</a></li>
									<li class="delete"><a href="#">Delete</a></li>
								</ul>
							</li>
							<li class="image-frame">
								<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
								<ul class="image-actions">
									<li class="view"><a href="#">View</a></li>
									<li class="delete"><a href="#">Delete</a></li>
								</ul>
							</li>
							<li>
								<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
							</li>
							<li>
								<img src="/images/_sample-data/sample_image.jpg" alt="Sample Image">
							</li>
						</ul>
						<!-- /Inline Image Gallery -->
						
					</div>
					<!-- /Side Tab Content #sidetab2 -->
					
					<!-- Side Tab Content #sidetab3 -->
					<div class="sidetab" id="sidetab3">
						<h3>Tickets</h3>
						
						<!-- Tickets -->
						<ul class="tickets">
						
							<!-- Ticket Headers -->
							<li class="ticket-header">
								<ul>
									<li class="ticket-header-ticket">Ticket</li>
									<li class="ticket-header-activity">Activity</li>
									<li class="ticket-header-user">User</li>
									<li class="ticket-header-priority">Priority</li>
									<li class="ticket-header-age">Age</li>
								</ul>
							</li>
							<!-- /Ticket Headers -->
							
							<!-- Ticket Data -->
							<li class="ticket-data">
							
								<!-- Ticket Overview -->
								<div class="ticket-overview">
									<ul>
										<li class="ticket-data-ticket">
											#13664
										</li>
										<li class="ticket-data-activity">
											<a href="#" class="ticket-open-details">Vestibulum luctus aliquam feugiat. Donec porta</a>
											<p>New Ticket</p>
										</li>
										<li class="ticket-data-user">
											<strong>Duke Smith</strong>
											Best Deals Ltd.
										</li>
										<li class="ticket-data-priority">
											<span class="tag red">High</span>
										</li>
										<li class="ticket-data-age">
											16 hours
										</li>
									</ul>
								</div>
								<!-- /Ticket Overview -->
								
								<!-- Ticket Details -->
								<div class="ticket-details">
									<h4>Donec porta interdum placerat</h4>
									<dl>
										<dt>Opened:</dt>
										<dd><strong>16 hours ago</strong></dd>
										<dt>Last updated:</dt>
										<dd><strong>11 hours ago</strong></dd>
										<dt>Milestone:</dt>
										<dd><strong>N/A</strong></dd>
										<dt class="clear">Reported by:</dt>
										<dd><strong>Jamie</strong></dd>
										<dt>Assigned to:</dt>
										<dd><strong>Anybody</strong></dd>
										<dt>Tags:</dt>
										<dd><strong>N/A</strong></dd>
									</dl>
									<h5>Description</h5>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et dignissim metus. Maecenas id augue ac metus tempus aliquam. Sed pharetra placerat est suscipit sagittis.</p>
									<ul class="ticket-details-actions">
										<li><a href="#" class="button gray">Update ticket</a></li>
										<li><a href="#" class="button red">Close ticket</a></li>
									</ul>
								</div>
								<!-- /Ticket Details -->
								
							</li>
							<!-- /Ticket Data -->
							
							<!-- Ticket Data -->
							<li class="ticket-data">
							
								<!-- Ticket Overview -->
								<div class="ticket-overview">
									<ul>
										<li class="ticket-data-ticket">
											#13663
										</li>
										<li class="ticket-data-activity">
											<a href="#" class="ticket-open-details">Nulla aliquam sapien semper mauris consectetur</a>
											<p>New Ticket</p>
										</li>
										<li class="ticket-data-user">
											<strong>Mathew Kulas</strong>
											Adept Ltd.
										</li>
										<li class="ticket-data-priority">
											<span class="tag red">High</span>
										</li>
										<li class="ticket-data-age">
											22 hours
										</li>
									</ul>
								</div>
								<!-- /Ticket Overview -->
								
								<!-- Ticket Details -->
								<div class="ticket-details">
									<h4>Nulla aliquam sapien semper mauris consectetur suscipit</h4>
									<dl>
										<dt>Opened:</dt>
										<dd><strong>22 hours ago</strong></dd>
										<dt>Last updated:</dt>
										<dd><strong>22 hours ago</strong></dd>
										<dt>Milestone:</dt>
										<dd><strong>N/A</strong></dd>
										<dt class="clear">Reported by:</dt>
										<dd><strong>Mathew</strong></dd>
										<dt>Assigned to:</dt>
										<dd><strong>Anybody</strong></dd>
										<dt>Tags:</dt>
										<dd><strong>N/A</strong></dd>
									</dl>
									<h5>Description</h5>
									<p>Vivamus sit amet sapien est. Vestibulum at mattis orci. Duis sit amet tincidunt nisi. Morbi at porttitor nunc. Aliquam lorem massa, dictum vel consequat vitae, sodales nec lectus. Nam metus libero, mollis nec iaculis sit amet, eleifend ac orci. Sed mollis mollis luctus.</p>
									<ul class="ticket-details-actions">
										<li><a href="#" class="button gray">Update ticket</a></li>
										<li><a href="#" class="button red">Close ticket</a></li>
									</ul>
								</div>
								<!-- /Ticket Details -->
								
							</li>
							<!-- /Ticket Data -->
							
							<!-- Ticket Data -->
							<li class="ticket-data">
							
								<!-- Ticket Overview -->
								<div class="ticket-overview">
									<ul>
										<li class="ticket-data-ticket">
											#13662
										</li>
										<li class="ticket-data-activity">
											<a href="#" class="ticket-open-details">Sed pharetra placerat est suscipit sagittis</a>
											<p>New Ticket</p>
										</li>
										<li class="ticket-data-user">
											<strong>Ted Rollin</strong>
											Systel, Inc.
										</li>
										<li class="ticket-data-priority">
											<span class="tag orange">Medium</span>
										</li>
										<li class="ticket-data-age">
											1 day
										</li>
									</ul>
								</div>
								<!-- /Ticket Overview -->
								
								<!-- Ticket Details -->
								<div class="ticket-details">
									<h4>Sed pharetra placerat est suscipit sagittis</h4>
									<dl>
										<dt>Opened:</dt>
										<dd><strong>1 day ago</strong></dd>
										<dt>Last updated:</dt>
										<dd><strong>23 hours ago</strong></dd>
										<dt>Milestone:</dt>
										<dd><strong>N/A</strong></dd>
										<dt class="clear">Reported by:</dt>
										<dd><strong>Ted Rollin</strong></dd>
										<dt>Assigned to:</dt>
										<dd><strong>Javier Zulauf</strong></dd>
										<dt>Tags:</dt>
										<dd><strong>N/A</strong></dd>
									</dl>
									<h5>Description</h5>
									<p>Quisque ut eleifend lorem. Ut bibendum lobortis ante, in blandit quam aliquet eget. Donec tortor risus, vestibulum id dictum laoreet, condimentum vel nisi. Ut euismod laoreet justo vel iaculis. Phasellus at lacus eget magna laoreet euismod et vitae elit.</p>
									<ul class="ticket-details-actions">
										<li><a href="#" class="button gray">Update ticket</a></li>
										<li><a href="#" class="button red">Close ticket</a></li>
									</ul>
								</div>
								<!-- /Ticket Details -->
								
							</li>
							<!-- /Ticket Data -->
							
							<!-- Ticket Data -->
							<li class="ticket-data">
							
								<!-- Ticket Overview -->
								<div class="ticket-overview">
									<ul>
										<li class="ticket-data-ticket">
											#13661
										</li>
										<li class="ticket-data-activity">
											<a href="#" class="ticket-open-details">Quisque ac nisl vitae sapien porta luctus eget sed</a>
											<p>New Ticket</p>
										</li>
										<li class="ticket-data-user">
											<strong>Hugh Tilman</strong>
											Sunix Consulting
										</li>
										<li class="ticket-data-priority">
											<span class="tag orange">Medium</span>
										</li>
										<li class="ticket-data-age">
											2 days
										</li>
									</ul>
								</div>
								<!-- /Ticket Overview -->
								
								<!-- Ticket Details -->
								<div class="ticket-details">
									<h4>Quisque ac nisl vitae sapien porta luctus eget sed dui</h4>
									<dl>
										<dt>Opened:</dt>
										<dd><strong>2 days ago</strong></dd>
										<dt>Last updated:</dt>
										<dd><strong>11 hours ago</strong></dd>
										<dt>Milestone:</dt>
										<dd><strong>N/A</strong></dd>
										<dt class="clear">Reported by:</dt>
										<dd><strong>Hugh Tilman</strong></dd>
										<dt>Assigned to:</dt>
										<dd><strong>Anybody</strong></dd>
										<dt>Tags:</dt>
										<dd><strong>N/A</strong></dd>
									</dl>
									<h5>Description</h5>
									<p>Duis viverra quam tempor felis suscipit sit amet interdum erat pulvinar. Nulla nec quam quis mi pharetra tincidunt et in neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris a cursus velit.</p>
									<ul class="ticket-details-actions">
										<li><a href="#" class="button gray">Update ticket</a></li>
										<li><a href="#" class="button red">Close ticket</a></li>
									</ul>
								</div>
								<!-- /Ticket Details -->
								
							</li>
							<!-- /Ticket Data -->
							
							<!-- Ticket Data -->
							<li class="ticket-data">
							
								<!-- Ticket Overview -->
								<div class="ticket-overview">
									<ul>
										<li class="ticket-data-ticket">
											#13660
										</li>
										<li class="ticket-data-activity">
											<a href="#" class="ticket-open-details">Etiam ipsum justo, venenatis a facilisis vel</a>
											<p>New Ticket</p>
										</li>
										<li class="ticket-data-user">
											<strong>Selena Cartier</strong>
											Sunix Consulting
										</li>
										<li class="ticket-data-priority">
											<span class="tag orange">Medium</span>
										</li>
										<li class="ticket-data-age">
											2 days
										</li>
									</ul>
								</div>
								<!-- /Ticket Overview -->
								
								<!-- Ticket Details -->
								<div class="ticket-details">
									<h4>Etiam ipsum justo, venenatis a facilisis vel, posuere a ligula</h4>
									<dl>
										<dt>Opened:</dt>
										<dd><strong>2 days ago</strong></dd>
										<dt>Last updated:</dt>
										<dd><strong>22 hours ago</strong></dd>
										<dt>Milestone:</dt>
										<dd><strong>N/A</strong></dd>
										<dt class="clear">Reported by:</dt>
										<dd><strong>Selena</strong></dd>
										<dt>Assigned to:</dt>
										<dd><strong>Anybody</strong></dd>
										<dt>Tags:</dt>
										<dd><strong>N/A</strong></dd>
									</dl>
									<h5>Description</h5>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et dignissim metus. Maecenas id augue ac metus tempus aliquam. Sed pharetra placerat est suscipit sagittis.</p>
									<ul class="ticket-details-actions">
										<li><a href="#" class="button gray">Update ticket</a></li>
										<li><a href="#" class="button red">Close ticket</a></li>
									</ul>
								</div>
								<!-- /Ticket Details -->
								
							</li>
							<!-- /Ticket Data -->
							
							<!-- Ticket Data -->
							<li class="ticket-data">
							
								<!-- Ticket Overview -->
								<div class="ticket-overview">
									<ul>
										<li class="ticket-data-ticket">
											#13659
										</li>
										<li class="ticket-data-activity">
											<a href="#" class="ticket-open-details">Vivamus sit amet sapien est</a>
											<p>New Ticket</p>
										</li>
										<li class="ticket-data-user">
											<strong>Javier Zulauf</strong>
											Systectio USA
										</li>
										<li class="ticket-data-priority">
											<span class="tag green">Low</span>
										</li>
										<li class="ticket-data-age">
											3 days
										</li>
									</ul>
								</div>
								<!-- /Ticket Overview -->
								
								<!-- Ticket Details -->
								<div class="ticket-details">
									<h4>Vivamus sit amet sapien est</h4>
									<dl>
										<dt>Opened:</dt>
										<dd><strong>3 days ago</strong></dd>
										<dt>Last updated:</dt>
										<dd><strong>11 hours ago</strong></dd>
										<dt>Milestone:</dt>
										<dd><strong>N/A</strong></dd>
										<dt class="clear">Reported by:</dt>
										<dd><strong>Javier Zulauf</strong></dd>
										<dt>Assigned to:</dt>
										<dd><strong>Anybody</strong></dd>
										<dt>Tags:</dt>
										<dd><strong>N/A</strong></dd>
									</dl>
									<h5>Description</h5>
									<p>Aenean magna massa, condimentum id tristique eu, accumsan vel enim. Morbi et risus vel quam convallis eleifend non nec neque. Sed pellentesque malesuada interdum. Nunc malesuada nulla in velit posuere porta. Ut nec turpis nibh, ut luctus magna.</p>
									<ul class="ticket-details-actions">
										<li><a href="#" class="button gray">Update ticket</a></li>
										<li><a href="#" class="button red">Close ticket</a></li>
									</ul>
								</div>
								<!-- /Ticket Details -->
								
							</li>
							<!-- /Ticket Data -->
							
							<!-- Ticket Data -->
							<li class="ticket-data">
							
								<!-- Ticket Overview -->
								<div class="ticket-overview">
									<ul>
										<li class="ticket-data-ticket">
											#13658
										</li>
										<li class="ticket-data-activity">
											<a href="#" class="ticket-open-details">Donec porta interdum placerat!</a>
											<p>New Ticket</p>
										</li>
										<li class="ticket-data-user">
											<strong>Matt Muench</strong>
											Systems GmbH
										</li>
										<li class="ticket-data-priority">
											<span class="tag green">Low</span>
										</li>
										<li class="ticket-data-age">
											3 days
										</li>
									</ul>
								</div>
								<!-- /Ticket Overview -->
								
								<!-- Ticket Details -->
								<div class="ticket-details">
									<h4>Donec porta interdum placerat!</h4>
									<dl>
										<dt>Opened:</dt>
										<dd><strong>3 days ago</strong></dd>
										<dt>Last updated:</dt>
										<dd><strong>20 hours ago</strong></dd>
										<dt>Milestone:</dt>
										<dd><strong>N/A</strong></dd>
										<dt class="clear">Reported by:</dt>
										<dd><strong>Mathew</strong></dd>
										<dt>Assigned to:</dt>
										<dd><strong>Anybody</strong></dd>
										<dt>Tags:</dt>
										<dd><strong>N/A</strong></dd>
									</dl>
									<h5>Description</h5>
									<p>Aliquam gravida sapien sit amet quam consectetur vitae vehicula dolor tempor. Etiam vitae purus sem. Aenean imperdiet, ante a interdum vehicula, justo nulla rutrum dolor, a adipiscing turpis orci vitae nisi. Cras sit amet tortor a ligula feugiat placerat sit amet porttitor magna.</p>
									<ul class="ticket-details-actions">
										<li><a href="#" class="button gray">Update ticket</a></li>
										<li><a href="#" class="button red">Close ticket</a></li>
									</ul>
								</div>
								<!-- /Ticket Details -->
								
							</li>
							<!-- /Ticket Data -->
							
							<!-- Ticket Data -->
							<li class="ticket-data">
							
								<!-- Ticket Overview -->
								<div class="ticket-overview">
									<ul>
										<li class="ticket-data-ticket">
											#13657
										</li>
										<li class="ticket-data-activity">
											<a href="#" class="ticket-open-details">Curabitur varius suscipit nibh, eu venenatis lectus</a>
											<p>New Ticket</p>
										</li>
										<li class="ticket-data-user">
											<strong>Max Granata</strong>
											Adobell, Inc
										</li>
										<li class="ticket-data-priority">
											<span class="tag green">Low</span>
										</li>
										<li class="ticket-data-age">
											3 days
										</li>
									</ul>
								</div>
								<!-- /Ticket Overview -->
								
								<!-- Ticket Details -->
								<div class="ticket-details">
									<h4>Curabitur varius suscipit nibh, eu venenatis lectus sodales sit amet</h4>
									<dl>
										<dt>Opened:</dt>
										<dd><strong>3 days ago</strong></dd>
										<dt>Last updated:</dt>
										<dd><strong>11 hours ago</strong></dd>
										<dt>Milestone:</dt>
										<dd><strong>N/A</strong></dd>
										<dt class="clear">Reported by:</dt>
										<dd><strong>Max Granata</strong></dd>
										<dt>Assigned to:</dt>
										<dd><strong>Anybody</strong></dd>
										<dt>Tags:</dt>
										<dd><strong>N/A</strong></dd>
									</dl>
									<h5>Description</h5>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at nisi orci, eget congue orci. Aliquam dictum venenatis erat, vel porta massa pellentesque et. Sed blandit, odio sit amet sollicitudin iaculis, quam nisi sodales enim, ut blandit enim nisi in urna.</p>
									<ul class="ticket-details-actions">
										<li><a href="#" class="button gray">Update ticket</a></li>
										<li><a href="#" class="button red">Close ticket</a></li>
									</ul>
								</div>
								<!-- /Ticket Details -->
								
							</li>
							<!-- /Ticket Data -->
							
						</ul>
						<!-- /Tickets-->
						
					</div>
					<!-- /Side Tab Content #sidetab3 -->
					
				</div>
				<!-- /Side Tab Container -->
				
			</section>
		</article>
		<!-- /Full width content box -->
		
	</section>
	<!-- /Main Content -->